<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <!-- <link rel="stylesheet" href="./font/iconfont.css">  -->
    <!-- <link rel="stylesheet" href="/chikan/src/css/style.css"> -->
    <link rel="stylesheet" href="/chikan/src/css/style.css">
    <title>赤坎</title>
  </head>
  <body>
    <nav class="shell close">
      <header>
          <div class="image-text">
              <span class="image">
                  <img src="" alt="">
              </span>
              <div class="text logo-text">
                  <span class="name">山羊の前端小窝</span>
                  <span class="software">-bilibili-</span>
              </div>
          </div>
          <i class="iconfont icon-xiangyoujiantou toggle"></i>
      </header>
      <div class="menu-bar">
          <div class="menu">
              <li class="search-box">
                  <i class="iconfont icon-sousuo icon"></i>
                  <input type="text" placeholder="搜索...">
              </li>
              <ul class="menu-links">
                  <li class="nav-link">
                      <a href="#">
                          <i class="iconfont icon-shouye icon"></i>
                          <span class="text nac-text">主页</span>
                      </a>
                  </li>

                  <li class="nav-link">
                      <a href="#">
                          <i class="iconfont icon-shoucangxiao icon"></i>
                          <span class="text nac-text">我的收藏</span>
                      </a>
                  </li>

                  <li class="nav-link">
                      <a href="#">
                          <i class="iconfont icon-lishi icon"></i>
                          <span class="text nac-text">历史记录</span>
                      </a>
                  </li>

                  <li class="nav-link">
                      <a href="#">
                          <i class="iconfont icon-xiaoxi icon"></i>
                          <span class="text nac-text">消息</span>
                      </a>
                  </li>

                  <li class="nav-link">
                      <a href="#">
                          <i class="iconfont icon-fensi icon"></i>
                          <span class="text nac-text">粉丝管理</span>
                      </a>
                  </li>

                  <li class="nav-link">
                      <a href="#">
                          <i class="iconfont icon-chuangzuo icon"></i>
                          <span class="text nac-text">创作中心</span>
                      </a>
                  </li>
              </ul>
          </div>
          <div class="bottom-content">
              <li class="">
                  <a href="#">
                      <i class="iconfont icon-zhuxiaoyuan icon"></i>
                      <span class="text nac-text">注销</span>
                  </a>
              </li>
              <li class="mode">
                  <div class="sun-moon">
                      <i class="iconfont icon-rijian icon sun"></i>
                      <i class="iconfont icon-yejian icon moon"></i>
                  </div>
                  <span class="mode-text text">夜间模式</span>
                  <div class="toggle-switch">
                      <span class="switch"></span>
                  </div>
              </li>
          </div>
      </div>

  </nav>






     <script src="/src/main.js">
      
     </script>
  </body>
</html>
